<template>
  <NFlex style="width: 100%;height: 100%;flex-direction: row;align-items: center;" justify="space-between">
    <NFlex>
      <NIcon size="34" @click="() => runCodeFun()">
        🌍
      </NIcon>
    </NFlex>
    <NFlex style="width: 20rem;">
      <NIcon size="36" @click="() => runCodeFun()" class="icon-btn-run">
        <CaretRight />
      </NIcon>
    </NFlex>
  </NFlex>
</template>

<script setup>
import * as monaco from "monaco-editor";
import { NButton, NFlex, NIcon } from "naive-ui";
import { onMounted, ref, onBeforeUnmount, watch } from "vue";
import { CaretRight } from "@vicons/fa"
// 设置Props默认值
const props = defineProps({

  runCodeFun: {
    type: Function,
    default: () => { }
  }
});

</script>

<style scoped lang="scss">
.icon-btn-run {
  color: rgb(0, 255, 26);

  &:hover {
    color: rgb(33, 253, 55);
    cursor: pointer;
    font-size: 38px !important;
  }
}
</style>

<style></style>
